HTML Colors

HTML வண்ணங்கள் முன்னரே வரையறுக்கப்பட்ட வண்ணப் பெயர்கள் அல்லது RGB, HEX, HSL, RGBA அல்லது HSLA மதிப்புகளுடன் குறிப்பிடப்படுகின்றன.

வண்ணப் பெயர்கள்

140 நிலையான வண்ணப் பெயர்கள்

RGB & RGBA

சிவப்பு, பச்சை, நீலம் மதிப்புகள்

HEX மதிப்புகள்

அறுபதின்ம எண் வடிவம்

HSL & HSLA

நிறம், செறிவு, ஒளிர்வு

வண்ணப் பெயர்கள்

HTML இல், ஒரு வண்ணத்தை வண்ணப் பெயரைப் பயன்படுத்தி குறிப்பிடலாம்:

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

Jassif Team உதவிக்குறிப்பு:

HTML 140 நிலையான வண்ணப் பெயர்களை ஆதரிக்கிறது.

பின்னணி வண்ணம்

நீங்கள் HTML உறுப்புகளுக்கான பின்னணி வண்ணத்தை அமைக்கலாம்:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

எடுத்துக்காட்டு

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

உரை வண்ணம்

நீங்கள் உரையின் வண்ணத்தை அமைக்கலாம்:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

எடுத்துக்காட்டு

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

எல்லை வண்ணம்

நீங்கள் எல்லைகளின் வண்ணத்தை அமைக்கலாம்:

Hello World

எடுத்துக்காட்டு

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

வண்ண மதிப்புகள்

HTML இல், வண்ணங்களை RGB மதிப்புகள், HEX மதிப்புகள், HSL மதிப்புகள், RGBA மதிப்புகள் மற்றும் HSLA மதிப்புகளைப் பயன்படுத்தியும் குறிப்பிடலாம்.

Jassif Team விளக்கம்:

பின்வரும் மூன்று உறுப்புகளுக்கு அவற்றின் பின்னணி வண்ணம் RGB, HEX மற்றும் HSL மதிப்புகளுடன் அமைக்கப்பட்டுள்ளது:

RGB

rgb(255, 99, 71)

HEX

#ff6347

HSL

hsl(9, 100%, 64%)

Jassif Team விளக்கம்:

பின்வரும் இரண்டு உறுப்புகளுக்கு அவற்றின் பின்னணி வண்ணம் RGBA மற்றும் HSLA மதிப்புகளுடன் அமைக்கப்பட்டுள்ளது, இது வண்ணத்தில் ஒரு ஆல்பா சேனலைச் சேர்க்கிறது (இங்கே நமக்கு 50% வெளிப்படைத்தன்மை உள்ளது):

RGBA
rgba(255, 99, 71, 0.5)

HSLA
hsla(9, 100%, 64%, 0.5)

எடுத்துக்காட்டுகள்

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

பயிற்சி

🎨 சட்டபூர்வமான HTML வண்ணப் பெயர்களை நினைவில் வைத்திருக்கிறீர்களா? பின்வருவனவற்றில் எது சட்டபூர்வமான HTML வண்ணம்?

Apple

✗ தவறு! Apple என்பது சட்டபூர்வமான HTML வண்ணப் பெயர் அல்ல

Banana

✗ தவறு! Banana என்பது சட்டபூர்வமான HTML வண்ணப் பெயர் அல்ல

Tomato

✓ சரி! Tomato என்பது சட்டபூர்வமான HTML வண்ணப் பெயர்

Jassif Team முக்கிய உதவிக்குறிப்பு:

HTML இல் 140 நிலையான வண்ணப் பெயர்கள் உள்ளன, ஆனால் பொதுவானவை: Red, Green, Blue, Yellow, Orange, Purple, Pink, Brown, Black, White, Gray, Silver, Gold, Tomato, DodgerBlue, Violet, மற்றும் MediumSeaGreen.

வண்ண முறைகளின் ஒப்பீடு

முறை	விளக்கம்	எடுத்துக்காட்டு	பயன்பாடு
வண்ணப் பெயர்கள்	முன்னரே வரையறுக்கப்பட்ட பெயர்கள்	Tomato	வேகமாகவும் எளிதாகவும்
RGB	சிவப்பு, பச்சை, நீலம் மதிப்புகள் (0-255)	rgb(255, 99, 71)	துல்லியமான வண்ணக் கட்டுப்பாடு
HEX	அறுபதின்ம எண் வடிவம்	#ff6347	இணைய தரநிலை, CSS இல் பொதுவானது
HSL	நிறம், செறிவு, ஒளிர்வு	hsl(9, 100%, 64%)	மனிதர்களுக்கு உள்ளுணர்வு
RGBA/HSLA	ஆல்பா சேனலுடன் (வெளிப்படைத்தன்மை)	rgba(255, 99, 71, 0.5)	வெளிப்படையான வண்ணங்கள்

அடுத்த அத்தியாயத்தைப் பற்றி அறிக

Jassif Team அடுத்த பாடம்:

அடுத்த அத்தியாயங்களில் RGB, HEX மற்றும் HSL பற்றி மேலும் அறிவீர்கள். இது வண்ண மதிப்புகளைப் பற்றிய ஆழமான புரிதலை வழங்கும்.

RGB Colors

Red, Green, Blue மதிப்புகளின் கலவை

HEX Colors

அறுபதின்ம எண் வடிவத்தில் வண்ணங்கள்

HSL Colors

Hue, Saturation, Lightness மாதிரி